<template>
    <div class="common-layout">
      <el-container>
        <el-header>
            <Header/>
        </el-header>

        <el-container>
          <el-aside width="200px">
            <Menu/>
          </el-aside>

          <el-main><router-view/></el-main>

        </el-container>

      </el-container>
    </div>
  </template>
  

<script>
import Header from '@/components/Header.vue';
import Menu from '@/components/Menu.vue';
export default {
   components:{Header,Menu},
}
</script>

<style scoped>
.el-header{
    background-color: #54aaff;
}

.el-aside{
  background-color: white;
}
/* 
.el-main{

} */


 .common-layout,.el-container{
 width: 100%;
    height: 100%;
} 
</style>